<template>
  <div class="app-container" >
  <div>
    <el-row :gutter="20">
      <!--部门数据-->
      <el-col :span="12" :xs="24">
   <el-form v-loading="loading" :data="myOrderList" >
      <el-form-item label="工单编号:" prop="repairNo" >
       <div>{{myOrderList.repairNo}} </div>
      </el-form-item>
      <el-form-item label="工单类别:" prop="repairProblemId">
        <div>{{myOrderList.repairProblemId}}</div>
      </el-form-item>
      <el-form-item label="问题描述:" prop="repairDescription">
     <div>{{myOrderList.repairDescription}}</div>
      </el-form-item>
      <el-form-item label="提交时间:" prop="createTime">
    <div> {{myOrderList.createTime}}</div>
      </el-form-item>
      <el-form-item label="工作状态:" prop="repairStatus">
     <div>{{myOrderList.repairStatus}}</div>
      </el-form-item>
   </el-form>
   </el-col>
   <el-col :span="12" :xs="24">
     <div>图片部分</div>
     </el-col>
     </el-row>
  </div>
  <div>
  <span>我要反馈</span>
  </div>
  </div>
  
</template>

<script>
import {selectTransByNo}from "@/api/repair/details.js"
export default {
data() {
  return {
     // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 定时任务表格数据
      myOrderList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 是否显示详细弹出层
      openView: false,
      // 用户表格数据
      userList: null, 
      // queryParams: {
        
      //   userName: undefined,
      //   phonenumber: undefined,
      //   status: undefined,
      //   deptId: undefined
      // },
      
  }
},
created(){
// console.log(this.$route.query.repairId);
this.getList()
},
methods: {
  getList() {
      this.loading = true;
      //this.$cache.session.get('orderNo')
      console.log("来到了datails.vue的界面");
      selectTransByNo(this.$route.query.repairId).then(res => {
        // console.log(this.$route.query.repairId);
        // console.log(res);
        this.$modal.msgSuccess("查询成功");
        this.myOrderList = res.data;
        // console.log(res.object.data);
        console.log(this.myOrderList);
        this.total = res.total;
        this.loading = false;
      });
  }
},
}
</script>

<style>

</style>